<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>京东注册界面</title>
    <link rel="stylesheet" href="./css/abc.css">
</head>
<body>
  <div class="container">
    <div class="nav">
        <nav>
        <a class="logo" href="#"></a>
        <div>
            已有账号？
            <a href="https://passport.jd.com/new/login.aspx?ReturnUrl=https://www.jd.com">请登录</a>
        </div>
        </nav>
    </div>
    <div class="reg">
      <div>
        <label for="">中国+86</label>
        <input type="tel" id="tel" placeholder="请填写常用手机号">
      </div>
      <div>
        <label for="tel">手机验证码</label>
        <input type="text"  placeholder="输入验证码">
        <span class="send-cod">获取验证码</span>
      </div>
      <div>
        <label for="username">账户名</label>
        <input type="text" id="username" placeholder="用户唯一识别，可用来登录">
      </div>
      <div>
        <label for="pwd">密码</label>
        <input type="password" id="pwd" placeholder="建议使用两种或者两种以上的组合">
      </div>
      <div class="protocol">
        <input type="checkbox">
        我已阅读并同意<a href="#">《京东用户注册协议》</a>
      </div>
      <div class="btn-red">
        下一步
      </div>
      <div class="o-reg">
        <a href="#">个人用户注册</a>
        <a href="#">海外用户注册</a>
      </div>
    </div>
  </div>
</body>
</html>